<template>
  <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <h2 class="sub-header">用户列表</h2>
    <div class="table-responsive">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th>昵称</th>
            <th>用户名</th>
            <th>密码</th>
            <th>创建时间</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="user in users" :key="user.id">
            <td>{{ user.id }}</td>
            <td>{{ user.nickName }}</td>
            <td>{{ user.userName}}</td>
            <td>{{ user.time }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script>
export default {
  props: ["users"],
  data() {
    return {
      showText:true
    };
  },
  methods: {
    showPass(val){
      this.str = val
      this.showText =false
    }
  }
};
</script>
<style>
canvas {
  border: 1px solid #a4e2f9;
}
</style>